<template>
  <div id="app">
    <First style="padding: 35px;" />
    <Second style="padding: 35px;" />
    <Third style="padding: 35px;" />
    <Fourth style="padding: 35px;" />
    <Fifth style="padding: 35px;" />
    <Question style="padding: 35px;" />
    <Seven style="padding: 35px;" />
    <Eight style="padding: 35px;" />
    <Nine style="padding: 35px;"  />
  </div>
</template>

<script>
import First from './components/First.vue'
import Second from './components/Second.vue'
import Third from './components/Third.vue'
import Fourth from './components/Fourth.vue'
import Fifth from './components/Fifth.vue'
import Question from './components/Question.vue'
import Seven from './components/Seven.vue'
import Eight from './components/Eight.vue'
import Nine from './components/Nine'

export default {
  components:{
    First,
    Second,
    Third,
    Fourth,
    Fifth,
    Question,
    Seven,
    Eight,
    Nine
  }
}
</script>

<style  scoped>
  #app {
    display: flex;
   
  }
</style>